import Vue from 'vue'
import App from './App.vue'
import '@/mobile/flexible' // 适配
import '@/styles/reset.css' // 初始化样式
import router from '@/router'

import {
    Tabbar,
    TabbarItem,
    NavBar,
    Col,
    Row,
    Image as VanImage,
    Cell,
    CellGroup,
    Icon,
    Search,
    List
} from 'vant';
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(NavBar);
Vue.use(Col);
Vue.use(Row);
Vue.use(VanImage);
Vue.use(Cell)
Vue.use(CellGroup)
Vue.use(Icon)
Vue.use(Search)
Vue.use(List)

// 封装网络请求
// 1. src/utils/request.js  -  设置基地址，导出axios函数
// 2. src/api/Home.js  -  请求方法axios({url: '具体'})
// 3. src/api/index.js  -  把Home.js里函数引入过来统一导出

// 测试封装的api方法
// import { recommendMusicAPI } from '@/api'
// async function fn() {
// api方法原地会得到axios请求在原地的Promise对象（里面有一个ajax请求）
//     const res = await recommendMusicAPI() 
//     console.log(res)
// }
// fn()

Vue.config.productionTip = false

new Vue({
    router,
    render: h => h(App),
}).$mount('#app')